<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Instalación básica del Framework</title>

<!-- Importar los estilos -->
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/js/ext/resources/css/ext-all.css" />

<!-- En esta nueva versión encontramos el ext-all-dev.js, este archivo también contiene todo el framework 
	pero además contiene mensajes de error y warning que nos servirán en la fase de desarrollo, así que de 
	ahora en adelante deberíamos usar este para desarrollar. -->
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/ext/ext-all-dev.js"></script>

<!-- El archivo ext-all.js al igual que en las versiones pasadas contiene todas las clases de la librería 
	comprimidas y listas para subir al ambiente de producción. -->
<!-- script type="text/javascript" src="${pageContext.request.contextPath}/js/ext/ext-all.js"></script-->

<!-- En el archivo ext-all-debug.js las clases están descomprimidas y es el archivo que usabamos en las 
	versiones anteriores para el ambiente de desarrollo. -->
<!-- script type="text/javascript" src="${pageContext.request.contextPath}/js/ext/ext-all-debug.js"></script-->

<!-- También encontraremos el archivo ext-dev.js y ext.js, estos archivos están pensados para cuando no 
	requieres cargar toda la librería y simplemente deseas usar algún componente en específico, 
	entonces estos archivos solo cargan lo básico para poder cargar dinámicamente unicamente las clases 
	que se requieran, más adelante trataremos esto a detalle. -->

<!-- DEPRECADO -->
<!-- script type="text/javascript" src="../ext-2.2/adapter/ext/ext-base.js"></script-->

<script type="text/javascript">
	Ext.onReady(function() {
		alert("Ext esta instalado correctamente!");
	});
</script>

</head>
<body>
	<h2>Instalación de Ext JS 4</h2>
	<p>Como muchos ya se han enterado, Sencha (la compañia detras de
		ExtJS) ha liberado la versión 4 del framework hace un par de meses, si
		has venido trabajando con versiones anteriores notarás muchas
		diferencias, en este tutorial mostraré como instalar la versión 4 de
		ExtJS.</p>
	<h3>Adios al adapter</h3>
	<p>Para los que hemos estado desarrollando desde la versión 1 ya
		bien sabemos que Ext JS nace como una extensión de YUI, más adelante
		se introduce prototype, jQuery y el base, para hacer funcionar la
		librería con alguna de estas cuatro era necesario importar el adapter
		para que sirviera de “interprete” entre Ext y la librería seleccionado
		(jQuery por ejemplo).</p>
	<p>Para la versión 4 esto ha cambiado, ya no es necesario importar
		dicho adaptador, de hecho Ext ya no es una extensión de ninguna otra
		librería y los desarrolladores de Sencha han decidido soportar
		únicamente el Ext Core que es una librería semejante a jQuery o
		Prototype, esta decisión fue tomada para que Sencha Touch (librería
		para móviles) compartiera código con ExtJS 4, además de varias otras
		ventajas.</p>
	<h3>Bienvenido Ext Dev</h3>
	<p>Al descargar la versión 4 te encontrarás con varios archivos en
		el directorio raíz, ext-all.js, ext-all-debug.js, ext-all-dev.js,
		ext.js,ext-dev.js</p>
	<p>El archivo ext-all.js al igual que en las versiones pasadas
		contiene todas las clases de la librería comprimidas y listas para
		subir al ambiente de producción.</p>
	<p>En el archivo ext-all-debug.js las clases están descomprimidas y
		es el archivo que usabamos en las versiones anteriores para el
		ambiente de desarrollo.</p>
	<p>En esta nueva versión encontramos el ext-all-dev.js, este
		archivo también contiene todo el framework pero además contiene
		mensajes de error y warning que nos servirán en la fase de desarrollo,
		así que de ahora en adelante deberíamos usar este para desarrollar.</p>
	<p>También encontraremos el archivo ext-dev.js y ext.js, estos
		archivos están pensados para cuando no requieres cargar toda la
		librería y simplemente deseas usar algún componente en específico,
		entonces estos archivos solo cargan lo básico para poder cargar
		dinámicamente unicamente las clases que se requieran, más adelante
		trataremos esto a detalle.</p>
	<br/>
	<a href="http://www.quizzpot.com/2011/09/instalacion-de-ext-js-4/">referencia</a>
	<br/><br/>
	<a href="${pageContext.request.contextPath}/menu.jsp">regresar</a>
</body>
</html>